<style>
#user_panel{
	width:900px;
	margin:0 auto;
	border:0px solid #f2f2f2;
	border-radius:5px;
}
#user_panel .xyd_header{
	line-height:50px;
	border-bottom:1px solid #15A0F5;
	padding-left:2em;
	font-size:14px;
	color:#15A0F5;
}

#user_panel .xyd_body{
	width:800px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
}
#user_panel .xyd_group{
	padding:5px 0px 5px 0px;
}
#user_panel .xyd_float{
	float:left;
	outline:0px solid #f00;
}
#user_panel .xyd_float_right{
	float:right;
}
#user_panel .xyd_line{
	border-bottom:1px solid #ccc;
}

#user_panel .xyd_body .xyd_label{
	width:160px;
	line-height:30px;
	padding-left:1em;
	padding-right:1em;
	text-align:right;
	color:#666;
}
#user_panel .xyd_body .xyd_input{
	width:200px;
	outline:0px solid #f00;
}
#user_panel .xyd_body .xyd_input io_input{
	height:30px;
}
#user_panel .xyd_body .xyd_message{
	width:200px;
	line-height:40px;
	padding-left:1em;
	color:#666;
}

</style>
<div id="user_panel">
	<div class="xyd_style" id="user_password_eof">
		<div class="xyd_header xyd_border_bottom">
			<i aria-hidden="true" class="fa fa-shield" style="font-size:16px"></i>
			&nbsp;&nbsp;&nbsp;
			<span class="">系统设置</span>
		</div>
		<div class="xyd_body">
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">接收新消息通知</div>
				<div class="xyd_float xyd_input">
					<div class="xyd_module xyd_button xyd_inlineblock">
						<div class="button_on xyd_clearfix" data-state="1" style="left:0px">
							<div class="button_bean xyd_inlineblock">ON</div>
							<div class="button_content xyd_inlineblock"><i class="fa fa-pause"></i></div>
							<div class="button_bean_off">OFF</div>
						</div>
					</div>
				</div>
				<div class="xyd_float xyd_message" id="message_code">
					<i class="fa fa-flag blue bigger-130"></i> 
					接收新消息可以动态的查看
				</div>
			</div>
			<div class="xyd_inline"></div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">通知显示消息详情</div>
				<div class="xyd_float xyd_input">
					<div class="xyd_module xyd_button xyd_inlineblock">
						<div class="button_on xyd_clearfix" data-state="0" style="left:-60px">
							<div class="button_bean xyd_inlineblock">ON</div>
							<div class="button_content xyd_inlineblock"><i class="fa fa-pause"></i></div>
							<div class="button_bean_off">OFF</div>
						</div>
					</div>
				</div>
				<div class="xyd_float xyd_message" id="message_new">
					<i class="fa fa-info-circle orange bigger-130"></i>
					接收新消息可以动态的查看
				</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">开启声音</div>
				<div class="xyd_float xyd_input" style="">
					<div class="xyd_module xyd_button xyd_inlineblock">
						<div class="button_on xyd_clearfix" data-state="1" style="left:0px">
							<div class="button_bean xyd_inlineblock">ON</div>
							<div class="button_content xyd_inlineblock"><i class="fa fa-pause"></i></div>
							<div class="button_bean_off">OFF</div>
						</div>
					</div>
				</div>
				<div class="xyd_float xyd_message" id="message_new">
					<i class="fa fa-flag blue bigger-130"></i> 
					接收新消息可以动态的查看
				</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">朋友圈照片更新</div>
				<div class="xyd_float xyd_input" style="">
					<div class="xyd_module xyd_button xyd_inlineblock">
						<div class="button_on xyd_clearfix" data-state="0" style="left:-60px">
							<div class="button_bean xyd_inlineblock">ON</div>
							<div class="button_content xyd_inlineblock"><i class="fa fa-pause"></i></div>
							<div class="button_bean_off">OFF</div>
						</div>
					</div>
				</div>
				<div class="xyd_float xyd_message" id="message_new">&nbsp;</div>
			</div>
			
			
		</div>
	</div>
</div>